<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IE6下的同一行未全浮动的间隙BUG</title>
<style>
body{margin:0;}
.div1{width:300px; height:300px; background:red; float:left;}
/*
   IE6下在同一行的元素，只有一个浮动时他们之间会有一个小间隙
  解决办法：所有的同一行显示的都加浮动.div2{float:left;}
*/
</style>
</head>
<body>
  <div class="div1"></div>
  <div class="div2">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文</div>
</div>
</body>
</html>
